<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello World</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/avalon.js"></script>
    <script src="js/admin.js"></script>
    <script src="js/jquery-1.11.1.min.js"></script>
</head>
<style>
    .quanju{
        width: 80%;
        border: 1px solid green;
        margin-top: 5%;
        margin-left: 10%;
        border-radius:10px;
        background: #18eae0;
    }
</style>

<body >
<div class="quanju" ms-rpeat="todoList"ms-controller="test">
    <h1 style="text-align: center;">规划自己的计划</h1><hr/>
    <div class="container"  id="summary-container">
        <h5 ms-if="todoList.size()>=0" style="color: green">现在进行{{todoList.size()}}项计划</h5>
        <div class="row" ms-repeat="todoList" ms-if-loop="can" >
            <div class="col-md-6">
                <span id="1" ondblclick="edit(this)" style="font-size: 18px" >{{el}}</span>
            </div>
            <div class="col-md-6">
                <a href="javaScript:void(0);" ms-click="checkMission($index,true)">完成</a>
                <a href="javaScript:void(0);" class="todoDelete"ms-click="$remove"  >删除计划</a>
            </div>
        </div>
    </div>
    <hr>
    <div class="container" >
        <h5 ms-if="doneList.size()>=0" style="color:red">已经完成{{doneList.size()}}项计划</h5>
        <div class="row" ms-repeat="doneList"  ms-if-loop="can" >
            <div class="col-md-6">
                <span ondblclick="edit(this)" style="font-size: 24px" >{{el}}</span>
            </div>
            <div class="col-md-6">
                <a href="javaScript:void(0);" ms-click="checkMission($index)">恢复</a>
                <a href="javaScript:void(0);" class="todoDelete" ms-click="$remove">删除计划</a>
            </div>
        </div>
    </div> <hr>

    <div class="container" >
        <div class="row">
           <div class="col-md-2">
              <span style="font-size: 16px;"> 请写入你的计划：</span>
        </div>
            <div class="col-md-6" style="margin-right: 10px" ms-controller="test" >
                <form ms-on-submit="add">
                    <div class="form-group">
                        <input  type="txt "ms-duplex="text"  class="form-control" placeholder="输入你的计划并且按回车键完成添加">
                        </div>
                </form>
            </div>
        </div>


</div>
</body>


</html>
